<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>商品管理</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="shortcut icon" href="../../img/favicon.ico" th:href="@{/img/favicon.ico}" type="image/x-icon">
    <!--Basic Styles-->
    <link href="../../lib/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{/lib/bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../../lib/jquery-ui/css/weather-icons.min.css" th:href="@{/lib/jquery-ui/css/weather-icons.min.css}" rel="stylesheet"/>

    <!--Beyond styles-->
    <link href="../../lib/jquery-ui/css/beyond.min.css" th:href="@{/css/beyond.min.css}" rel="stylesheet" type="text/css"/>
    <!-- Relative framework custom style -->
    <link href="../../css/common.css" th:href="@{/css/common.css}" rel="stylesheet"/>

    <!--Skin Script: Place this script in head to load scripts for skins and rtl support-->
    <script src="../../lib/jquery-ui/js/skins.min.js" th:src="@{/lib/jquery-ui/js/skins.min.js}"></script>
</head>
    <!-- /Head -->
    <!-- Body -->
<body>
<!-- Main Container -->
<!-- Page Body -->
<div class="page-body">
    <div class="panel panel-primary">
        <div class="panel-heading bg-blue">
            商品列表
        </div>
        <div class="widget-body">
            <div class="table-toolbar">
                <div class="fl-left">
                    <a href="" class="btn btn-default shiny" data-toggle="modal" data-target="#addGoods">
                        添加商品
                    </a>
                    <a href=" " class="btn btn-default shiny" data-toggle="modal" data-target="#add">
                        所有商品
                    </a>
                    <a href=" " class="btn btn-default shiny">
                        刪除
                    </a>
                    <a href=" " class="btn btn-default shiny">
                        加入清单
                    </a>
                    <span class="input-icon inverted">
                        <input type="text" class="form-control input-sm">
                        <i class="glyphicon glyphicon-search bg-blue"></i>
                    </span>
                </div>
                <div class="fl-right">
                    <a href=" " class="btn btn-default shiny">
                        清单
                    </a>
                    <a href=" " class="btn btn-default shiny">
                        历史清单
                    </a>
                    <div class="dataTables_length">
                        <select class="form-control">
                            <option value="5"> 5 </option>
                            <option value="20"> 20 </option>
                            <option value="50"> 50 </option>
                            <option value=" "> 全部 </option>
                        </select>
                    </div>
                </div>

            </div>
            <table class="table" id="goodsList">
                <thead>
                <tr role="row">
                    <th>

                    </th>
                    <th>

                    </th>
                    <th>
                        参考价
                    </th>
                    <th>
                        结算价
                    </th>
                    <th>
                        单位
                    </th>
                    <th>
                        创建时间
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
                </thead>

                <tbody>
                <tr>
                    <td>
                        <img src="../../img/temp1.png" width="80" height="80">
                    </td>
                    <td>
                        <h6 class="td-describe">我是商品名称,我是方便面,我是一桶有洁癖的方便面大家快来吃我吧</h6>
                        <span class="dim-text">商品编号:MP12345678</span>
                    </td>
                    <td>4.05</td>
                    <td>4.05</td>
                    <td>包</td>
                    <td class="center ">2017-03-19 18:20</td>
                    <td>
                        <div class="dropdown">
                            <a class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                <i class="fa fa-gears"></i>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1">
                                <li><a href="#">查看详情</a></li>
                                <li><a href="#">修改</a></li>
                                <li><a href="#">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="../../img/temp1.png" width="80" height="80">
                    </td>
                    <td>
                        <h6 class="td-describe">我是商品名称,我是方便面,我是一桶有洁癖的方便面大家快来吃我吧</h6>
                        <span class="dim-text">商品编号:MP12345678</span>
                    </td>
                    <td>4.05</td>
                    <td>4.05</td>
                    <td>包</td>
                    <td class="center ">2017-03-19 18:20</td>
                    <td>
                        <div class="dropdown">
                            <a class="dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                <i class="fa fa-gears"></i>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1">
                                <li><a href="#">查看详情</a></li>
                                <li><a href="#">修改</a></li>
                                <li><a href="#">删除</a></li>
                            </ul>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div><!-- end of panel -->
</div>

<!-- 模态框（Modal） -->
<!--<div class="modal fade" >-->
    <!--<iframe class="col-lg-10 col-md-10 col-sm-10 col-sm-push-1 modal-content  addition-modal" src="../common/addAndEditTemplete.html"></iframe>-->
<!--</div>-->
<div class="modal fade col-lg-10 col-md-10 col-sm-10 col-md-push-1" id="addGoods">
    <div class="modal-box">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title">添加商品</h4>
        </div>
        <div class="modal-body">
            <iframe class="" src="../common/addAndEditTemplete.html"></iframe>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-blue">确认添加</button>
        </div>
    </div><!-- /.modal-content -->
</div>
<!-- /Page Container -->
<!-- Main Container -->

<!--Basic Scripts-->
<!--Basic Scripts-->
<script src="../../lib/jquery-ui/js/jquery-2.0.3.min.js" th:src="@{/lib/jquery-ui/js/jquery-2.0.3.min.js}"></script>
<script src="../../lib/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{/lib/bootstrap-3.3.7/js/bootstrap.min.js}"></script>
<!--Beyond Scripts-->
<script src="../../lib/jquery-ui/js/beyond.min.js" th:src="@{/lib/jquery-ui/js/beyond.min.js}"></script>
<!--Page Related Scripts-->
<script src="../../js/common.js" th:src="@{/js/common.js}"></script>
<script src="../../js/goods/outerGoodsList.js" th:src="@{/js/outerGoodsList.js}"></script>


</body>
<!--  /Body -->
</html>